<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="__STATIC__/js/base.js"></script>
    <title>充值</title>
    <link rel="stylesheet" href="__STATIC__/css/base.css">
    <link rel="stylesheet" href="__STATIC__/css/modify.css">
    <link rel="stylesheet" href="__STATIC__/js/layer_mobile/need/layer.css">
    <script src="__STATIC__/js/jquery-1.11.1.min.js"></script>
    <script src="__STATIC__/js/form_validation.js"></script>
    <script src="__STATIC__/js/layer_mobile/layer.js"></script>
</head>
<body  style="background: white">
<section class="wrap">
    <div id="login-form">
            <form action="#"  class="bg-white"  id="form1">
                <div class="select-recharge-account">
                    <div class="select-recharge-account-title">充值金额</div>
                    <div >
                        <ul class="clearfix select-recharge">
                            <li class="pull-left select-recharge-account-type"><span>充10元</span></li>
                            <li class="pull-left select-recharge-account-type"><span>充50元</span></li>
                            <li class="pull-left select-recharge-account-type"><span>充100元</span></li>
                        </ul>
                    </div>
                    <div class="select-recharge-account-other">
                        <ul class="clearfix select-recharge">
                            <li class="pull-left"><label>其他：</label> <span class="select-recharge-account-input"><input tabindex="1"   type="text"  style="background: white"/></span>元</li>
                            <li class="pull-left">*充值金额不得少于10元</li>
                        </ul>
                    </div>
                </div>
                <script>
                    $(function(){
                        $('.select-recharge-account-type').on('click',function(){
                            $('.select-recharge-account-type span').removeClass('select-recharge-account-type-active');
                            $('.select-recharge-account-input input').removeClass('select-recharge-account-input-active');
                            $(this).children('span').addClass('select-recharge-account-type-active');
                        });
                        $('.select-recharge-account-input').on('click',function(){
                            $('.select-recharge-account-type span').removeClass('select-recharge-account-type-active');
                            $(this).children('input').addClass('select-recharge-account-input-active');
                        });
                    });
                </script>
            <div class="select-recharge-type">
                <div class="select-recharge-type-title">选择支付方式</div>
                 <div>
                     <ul class="clearfix">
                         <li class="pull-left"><img src="__STATIC__/images/wxin.png"></li>
                         <li class="pull-left">微信支付</li>
                         <li class="pull-right un-select selected-paytype"></li>
                     </ul>
                 </div>
                 <div >
                     <ul class="clearfix">
                         <li class="pull-left"><img src="__STATIC__/images/ali.png"></li>
                         <li class="pull-left">支付宝支付</li>
                         <li class="pull-right un-select "></li>
                     </ul>
                 </div>
                 <div>
                     <ul class="clearfix">
                         <li class="pull-left"><img src="__STATIC__/images/ylian.png"></li>
                         <li class="pull-left">银联支付</li>
                         <li class="pull-right un-select" ></li>
                     </ul>
                 </div>
            </div>
                <script>
                    $('.select-recharge-type div  ul .un-select ').on('click',function(){
                        $('.select-recharge-type div  ul .un-select ').removeClass('selected-paytype');
                        $(this).addClass('selected-paytype');
                    });
                </script>
            <input type="button" class="login-button recharge-button" value="立即充值" id="sublimit">
        </form>
    </div>
</section>
<script>
    $(function(){
        $('#sublimit').on('click',function(){
        });
    });
</script>
</body>
</html>